.pro_banner{ width: 100%; overflow: hidden; text-align: center; position: relative; }
.pro_banner img{width: 100%;}

.pro_box{ width: 100%;  }
.pro_nav_p{ border-bottom:#e5e5e5 solid 1px; text-align: center; overflow-y: scroll; width: 100%; }
.pro_nav_p span{ width:660px; display: block; }
.pro_nav_p a{  display: block;  padding:0 15px; float: left; height: 12vw; line-height: 12vw; font-size: 0.7rem; text-align: center;}
.pro_nav_p a.nav{ border-bottom: #0066ce solid 1px; color: #0066ce;}

.pro_nav{ border-bottom:#e5e5e5 solid 1px; text-align: center; overflow: hidden;  display: -webkit-box;}
.pro_nav a{  display: block;  -webkit-box-flex: 1;   width: 1%; height: 12vw; line-height: 12vw; font-size: 0.7rem; text-align: center;}
.pro_nav a.nav{ border-bottom: #0066ce solid 1px; color: #0066ce;}

.pro_box ul{ width:95%; margin:2vw auto 0 auto;  overflow: hidden;}
.pro_box ul li{ width: 49%; float: left; margin:1% 0.5%;  border:solid #eeeeee 1px; }
.pro_box ul li a{display: block; }
.pro_box ul li div{width: 100%; overflow: hidden;}
.pro_box ul li img{ width: 100%;}
.pro_box ul li h3{ line-height: 22px; display: block; padding:5%; color: #333; font-weight: 300; font-size: 1rem; text-align: center;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.pro_box ul li span{ display: block; padding:0 5%; font-size: 0.8rem;  font-weight: 300; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.pro_box ul li em{ background: #fff; border:#494949 solid 1px; color: #494949; margin: 5% auto;font-size: 0.75rem; width: 95px; height: 36px; display: block; line-height: 34px; text-align: center;}
.pro_box ul li:hover em{ background: #0066ce; border:#0066ce solid 1px; color: #fff;}



.page{ width: 100%; text-align: center; padding-bottom: 6vw; clear: both; padding-top: 6vw; font-size: 0.8rem;}
.page .pagination{ position: initial !important; left: auto !important; bottom: auto !important; width: auto !important; }
.page li{ display: inline-block; }
.page a{padding:8px 12px; color: #666;  display: inline-block;}
.page span{padding:8px 12px; color: #0066ce; display: inline-block;}
.page li:first-child{border:#dedede 1px solid; color: #999; margin: 0 5px;}
.page li:last-child{border:#dedede 1px solid;  color: #999; margin: 0 5px;}
.page a:hover{ background:#0066ce; color: #fff; }


.pro_more{ width: 100%; padding:3vw 2.5%;  background-repeat:no-repeat; background-attachment:fixed;background-image: url(../images/pro_bg1.jpg); background-position: center center; background-size: auto 100%;}
.pro_more dl{ overflow: hidden; }
.pro_more dt{  padding-top: 4vw; width: 100%; }
.pro_more dt img{ width:60%; display: block; margin:0 auto;}
.pro_more dd{ width: 100%; text-align: center; }
.pro_more dd h2{font-size: 1.5rem; padding-bottom: 3vw; padding-top: 6vw;}
.pro_more dd p{font-size: 0.9rem; line-height: 1.8rem; color: #666; text-align: left;}

.pro_more2{ width: 100%; padding:3vw 2.5% 0 2.5%;  background-repeat:no-repeat; background-attachment:fixed;background-image: url(../images/pro_bg2.jpg); background-position: center center; background-size: auto 100%;}
.pro_more2 dl{ overflow: hidden; color: #fff; text-align: center; }
.pro_more2 dt{ padding-top: 4vw;}
.pro_more2 dt img{ width: 60%; }
.pro_more2 dd h2{  font-size: 1.3rem; padding-bottom: 4vw; padding-top: 6vw;}
.pro_more2 dd p{font-size: 0.85rem; line-height: 1.8rem; padding: 0 7vw;}

.pro_more3{width:95%; margin: 3vw auto;  }
.pro_more3 dl{ overflow: hidden; }
.pro_more3 dt{ padding-top: 4vw;}
.pro_more3 dt img{ width: 80%; display: block; margin:0 auto 8vw auto; }
.pro_more3 dd{  width: 100%; }
.pro_more3 dd h3{  font-size: 1.3rem; padding-bottom: 4vw; padding-top: 6vw; text-align: center;}
.pro_more3 dd p{font-size: 0.85rem; line-height: 1.8rem; color: #666;}

.pro_app{ width:100%; padding: 9vw 2.5% 4vw 2.5%; background: #f5f5f5;}
.pro_app h3{ font-size: 1.3rem; padding-bottom: 3vw; text-align:center;}
.pro_app_nav{font-size: 0.85rem; line-height: 1.2rem; color: #666; text-align:center; padding-bottom: 4vw;}
.pro_app_div{ width: 100%;height: 25vw;}
.pro_app_div img{ width: 31.3333%; margin:0 1%; float: left; height: 16vw;}

.pro_app .layui-carousel{ width: 100% !important; background: none !important; height: 25vw !important;}
.pro_app .layui-carousel-ind ul{ background: none !important; }
.pro_app .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.pro_app .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }

.pro_text{ width:95%; margin: 9vw auto;}
.pro_text h3{ font-size: 1.3rem; padding-bottom: 4vw; text-align:center; }
.pro_text table{ width: 100% !important;  text-align: center;}
.pro_text table thead{ background: #f5f5f5; }
.pro_text table thead th:first-child{ width: 80px; }
.pro_text table td,.pro_text table th{padding: 1rem 0; border:#f0f0f0 solid 1px;}
.pro_text table td{font-size: 0.7rem; color: #666;}
.pro_text table th{ font-size: 0.85rem; color: #333;}
.pro_text table td:last-child{ text-align: left; padding: 1rem;}
.pro_text table td:nth-last-child(2){ width: 80px; }
span.ys{ color: #0066ce; }

.case_banner{ width: 100%; overflow: hidden;  position: relative; }
.case_banner .img{width: 100%;}
.case_banner_text{ width:90%; margin:0 auto; position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); color: #fff;  }
.case_banner_text h2{ font-size: 1.2rem; padding-bottom: 1vw;}
.case_banner_text span{ font-size: 0.8rem; text-transform:uppercase;}

.page_dw{  padding: 0 2.5%; position: absolute; bottom: 1.5vw; font-size: 0.7rem; right: 0px;color: #fff; text-align: right; }
.page_dw a{ color: #fff; }
.page_dw a:hover{ color: #0066ce; }
.page_dw img{ margin-right: 5px; float: left; margin-top: 2px;}

.case_box{  width:95%; margin:8vw auto 0 auto; }
.case_box ul{ width: 100%; }
.case_box li{ width: 100%;background: #f9f9f9; overflow: hidden; margin-bottom: 3vw;}
.case_box li div{ width: 100%; overflow: hidden; }
.case_box li div img{ width: 100%; }
.case_box li h3{ font-size: 1rem;  width: 100%; color: #333; padding:3vw 3vw 2vw 3vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.case_box li span{ font-size: 0.75rem; width: 100%; color: #666; padding: 0 3vw; line-height: 1.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.case_box li em{  border:#494949 solid 1px; color: #494949; margin: 2vw 0 4vw 3vw;font-size: 0.75vw; width:96px; height: 36px; display: block; line-height: 34px; text-align: center; }
.case_box li:hover em{ background: #0066ce; border:#0066ce solid 1px; color: #fff;}

.case_more{ width:95%; margin:6vw auto; }
.case_more h3{ font-size: 1.2rem; padding-bottom:4vw;}
.case_more_text{ line-height: 1.6rem; font-size: 0.85rem; color: #666;}
.case_more img{ max-width: 100% !important; height: auto !important; }

.industry_bg{ background: #fff !important; }
.industry_list{ width: 100%; padding:8vw 2.5% 0 2.5%; overflow: hidden; margin:0 auto; overflow: hidden; background: #f1f1f1; }
.industry_list dl{ width: 100%;  margin:0 0 3vw 0;background: #fff;}
.industry_list dl dt{ width: 100%; }
.industry_list dl dt img{ width: 100%; }
.industry_list dl dd.d1{padding:3vw 3vw 2vw 3vw; font-size: 1rem; line-height: 1.6rem; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.industry_list dl dd.d2{ color: #999; font-size: 0.7rem;padding: 0 3vw; border-bottom: #f2f2f2 solid 1px;  padding-bottom: 3vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height: 1.4rem;}
.industry_list dl dd.d3{padding:3vw; font-size: 0.7rem; color: #999;}
.industry_list dl dd.d3 span{ float: right; color: #999;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.industry_list dl:hover dd.d3 span{ padding-right: 25px; background: url(../images/news_more.jpg) no-repeat center right; color: #0066ce;}


.service_box{  width:95%; margin:8vw auto 0 auto; }
.service_box ul{ width: 100%; overflow: hidden; }
.service_box li{ width: 100%; overflow: hidden; margin-bottom:3vw; border:#ebebeb 1px solid; padding: 3vw;}
.service_box li a{ display: block; width: 100%; overflow: hidden; }
.service_box li div{  width: 100%; overflow: hidden; }
.service_box li div img{ width: 100%; }
.service_box li h3{ font-size: 1.2rem; width: 100%; color: #333; padding:3vw 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.service_box li span{ font-size: 0.85rem; width: 100%; color: #666;  line-height: 1.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.service_box li em{ background: url(../images/download_h.png) no-repeat left center; padding-left: 20px; color: #494949; margin: 1.5vw 0 0 0;font-size: 0.75vw; display: block; line-height: 34px; text-align: center; float: left;}
.service_box li:hover em{ background: url(../images/download.png) no-repeat left center; color: #0066ce;}

.download{ width:95%; margin:1vw auto 3vw auto; border:solid 1px #e5e5e5; padding-bottom: 1.5vw;}
.download>h3{ border-bottom: solid 1px #e5e5e5; padding: 3vw; font-size: 1.2rem; }
.download_ul{ padding: 1.5vw;}
.download_ul>li{ background: #f5f5f5; height: 9vw; line-height: 9vw; padding:0 3vw; overflow: hidden; font-size: 0.8rem; }
.download_ul>li:nth-child(2n){ background: #fff; }
.download_ul>li b{ font-weight: normal; width: 55%;float: left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.download_ul>li a:hover b{ color: #0066ce; }
.download_ul>li span{ width: 25%; float: left; text-align: center;}
.download_ul>li img{ float: right; margin-left: 5px; margin-top: 2.5vw;}
.download_ul>li em{ float: right; color: #0066ce;text-transform:uppercase;width: 20%; text-align: right;}


.download .layui-carousel{ width: 100% !important; background: none !important; height: 93vw !important;}
.download .layui-carousel-ind ul{ background: none !important; }
.download .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.download .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }


.news_box{ width:95%; margin:3vw auto 8vw auto; }
.news_box ul{ width: 100%; }
.news_box li{ width: 100%; overflow: hidden;}
.news_box li:hover{ background: #f1f1f1; }
.news_box li div{ width: 100%; overflow: hidden;}
.news_box li div img{ width: 100%;}
.news_box li b{ font-size: 0.8rem; display: block; font-weight: normal; width: 100%; color: #666; padding:4vw 0 0 0;}
.news_box li h3{ font-size: 1.2rem; width: 100%; color: #333; margin:3vw 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_box li span{ font-size: 0.75rem; width: 100%; color: #666;  line-height: 1.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.news_box li em{  background: #0066ce;color: #fff; margin: 2vw auto 0 0;font-size: 0.75rem; width:110px; height: 36px; display: block; line-height: 34px; text-align: center; float: left;}

.news_list{ width: 100%; padding:0vw 2.5% 0 2.5%; overflow: hidden; margin:0 auto; overflow: hidden;}
.news_list dl{ width: 100%; margin:0 0 2vw 0;background: #fff; border:1px #dedede solid;}
.news_list dl dt{ width: 100%; overflow: hidden;}
.news_list dl dt img{ width: 100%;}
.news_list dl dd.d1{padding:3vw 3vw 2vw 3vw; font-size: 1rem; line-height: 1.6rem; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.news_list dl dd.d2{ color: #999; font-size: 0.7rem;margin:0 3vw; margin-bottom: 3vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_list dl dd.d3{padding:3vw; font-size: 0.7rem; color: #999; overflow:hidden; border-top: #f2f2f2 solid 1px; }
.news_list dl dd.d3 span{ float: right; color: #999;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.news_list dl:hover dd.d3 span{ padding-right: 25px; background: url(../images/news_more.jpg) no-repeat center right; color: #0066ce;}
.news_list dl:hover dt img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}

.footer_nav .bshare-custom{ float: right; }
.footer_nav .bshare-custom a{ margin-left:8px; }
.footer_nav .bshare-sinaminiblog{ background: url(../images/fx4.png) !important;  padding-left:16px !important; }
.footer_nav .bshare-weixin{ background: url(../images/fx2.png) !important;  padding-left:16px !important; }
.footer_nav .bshare-facebook{ background: url(../images/fx1.png) !important;  padding-left:16px !important; }
.footer_nav .bshare-ks{ background: url(../images/fx3.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px; }
.footer_nav .bshare-dy{ background: url(../images/fx5.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px;}

.bsBox{ width: 232px !important;  height: 257px !important;}

.news_more .bshare-custom{ float: right; position: absolute; right:3vw; top: 9vw; }
.news_more .bshare-custom a{ margin-left:8px; }
.news_more .bshare-sinaminiblog{ background: url(../images/fx4h.png) !important;  padding-left:16px !important; }
.news_more .bshare-weixin{ background: url(../images/fx2h.png) !important;  padding-left:16px !important; }
.news_more .bshare-facebook{ background: url(../images/fx1h.png) !important;  padding-left:16px !important; }
.news_more .bshare-ks{ background: url(../images/fx3h.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px; }
.news_more .bshare-dy{ background: url(../images/fx5h.png) !important;  padding-left:16px !important; display: inline-block !important; height: 16px;}



#news_more{ width:95%; margin:3vw auto; overflow: hidden; }
.news_more{ width: 100%;  border:#e9e9e9 1px solid; padding: 3vw; position: relative;}
.news_more h3{ font-size: 1.5rem; padding-bottom: 6vw;}
.news_more_text{ line-height: 2rem; font-size: 0.85rem; color: #666;}
.news_more_text img{ margin:0 auto; display: block; max-width: 100% !important;  height: auto !important;}
.news_more_top{ width: 100%;overflow: hidden; padding-bottom: 6vw;}
.news_more_top em{ float: right; color: #989898;}
.news_more_top span{ background: #0066ce; float: left; color: #fff; padding: 0.8vw 2vw; border-radius: 3px; }
.news_more_bottom{ width: 100%; border-top: solid 1px #e9e9e9; margin-top: 4vw; padding-top: 4vw; font-size: 0.85rem;}
.news_more_bottom a{ display: block; margin-bottom: 1vw; }
.news_more_bottom .a{ color: #0066ce; }
.news_more_bottom_left{ width: 100%; padding-bottom: 3vw;}
.news_more_bottom_right{ width: 100%;}
.news_more_bottom_right a{ width: 30%; text-align: center; padding:2vw 3vw; border:#707070 solid 1px; font-size: 0.7rem; color: #666;}

.news_more_right{ width: 100%; border:#e9e9e9 1px solid; padding: 3vw; margin-top: 3vw;}
.news_more_right h3{font-size: 1.3rem; padding-bottom: 3vw;border-bottom:#e9e9e9 1px solid;}
.news_more_right li{ line-height: 1.6rem; font-size: 0.8rem; border-bottom: dashed 1px #e9e9e9; padding: 3vw 0;}
.news_more_right li:last-child{border-bottom: 0px; padding-bottom: 0px;}
.news_more_right li a{ color: #666; display: block; width: 100%; height: 100%; }
.news_more_right li a:hover{ color: #0066ce; }
.news_more_right li em{ display: block; color: #989898; }

.video1{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.85); z-index: 999; display: none;}
.video1 .video_n{ z-index: 99999; width: 95%;position: absolute; top: 50%; left: 50%;  display: inline-block; text-align: center;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }
.video1 .video_n video{ height: 80vh; margin: 0 auto; width: 80vw;}
.video1 .video_n iframe{ height: 80vh; margin: 0 auto; width: 80vw;}
.video1 .video_n .va{color: #fff; display:inline-block;margin:15px auto; width: 80px; text-align: center;}
.video1 .video_n .gb{color: #fff; display:inline-block;margin:15px auto; width: 80px; text-align: center; }
.video_g{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;  z-index: 9999; cursor: pointer;}


.video_list{ width: 100%; padding:3vw 2.5% 0 2.5%; overflow: hidden; margin:0 auto; overflow: hidden;}
.video_list dl{ width: 100%;  margin-bottom:2vw;background: #fff; border:1px #dedede solid;}
.video_list dl dt{ width: 100%; overflow: hidden; position: relative; background: #000;}
.video_list dl dt .img{ width: 100%; }
.video_list dl dd.d1{ color: #999; font-size: 0.7rem; padding: 3vw;}
.video_list dl dd.d2{ padding: 0vw 3vw 3vw 3vw; font-size: 0.85rem; line-height: 1.6rem; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}
.video_list dl:hover dd.d2{ color: #0066ce;}
.video_list dl:hover dt .img{opacity: 0.5;}
.video_list dl dt .video{ position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); z-index: 99; width: 30px; height: 30px; display: none;}
.video_list dl:hover dt .video{ display: inline-block;}


#about{ width:95%; margin:8vw auto; overflow: hidden; }
.about_more{ width: 100%; float: left; }
.about_more h3{ font-size: 1.5rem; padding-bottom: 4vw;}
.about_more_text{ line-height: 1.6rem; font-size: 0.75rem; color: #666; }
.about_more_text img{ margin:0 auto; display: block; }

#about .layui-carousel-arrow{ background: none; font-size: 30px; font-weight: 300;text-align: center;}
#about .layui-carousel{z-index: 9;}

.about_bgys{ width: 100%; height: 30vw; background:#f1f1f1; position: absolute; left: -0.8vw; bottom:1vw;}

.about_img{ float: right; width:100%; padding-top: 5vw; position: relative;}
.about_img img{ float: right; width: 100%;}

.about_img .layui-carousel{ width: 100% !important; background: none !important; height: 110vw !important;}

.about_list{ width:100%; padding:8vw 2.5%; background: #f9f9f9; overflow: hidden;}
.about_list a{ background: #fff; display: block; width: 100%;  padding: 8vw 0 6vw 0; margin-bottom: 3vw; text-align: center; overflow: hidden;}
.about_list a:hover{ box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.about_list a:hover b{ color: #0066ce; }
.about_list a:hover em{background: url(../images/about_ico5.jpg) no-repeat center;}
.about_list a img{ display: block; margin:0 auto 4vw auto; }
.about_list a b{ display: block; font-size: 1.2rem; font-weight: normal; color: #333; padding-bottom: 2vw;}
.about_list a span{ display: block; color: #999999; font-size: 0.75rem; }
.about_list a em{ display: block; width: 27px; height: 6px; background: url(../images/about_ico4.jpg) no-repeat center;  margin:4vw auto 0 auto;}

.honor_img{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.85); z-index: 9999999; display: none;}
.honor_img img{ max-width: 80%; height: 80%;  z-index: 99999; position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.honor_title{ width: 100%; text-align:center; font-size: 1.5rem; padding-top: 6vw; color: #333; }
.honor_list{ width: 100%; padding:4vw 2.5% 0 2.5%; overflow: hidden; margin:0 auto; overflow: hidden;}
.honor_list dl{ width: 100%; float: left; margin:0.5%;background: #fff; border:1px #dedede solid;}
.honor_list dl dt{ width: 100%; overflow: hidden; position: relative; background: #fff; padding:3vw;}
.honor_list dl dt img{ width: 100%; }
.honor_list dl dd.d2{ padding: 0vw 3vw 3vw 3vw; font-size: 0.85rem; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; text-align: center;}
.honor_list dl:hover dd.d2{ color: #0066ce;}


.recruit{ width:95vw; margin:4vw auto 0 auto; overflow: hidden; }
.recruit>dt{background: #f5f5f5; padding:3vw 2%; overflow: hidden; font-size:0.8rem; color: #333;display: -webkit-box;}
.recruit>dt span{  display: block;  -webkit-box-flex: 1;   width: 1%;  text-align: center; }
.recruit>dt span:nth-last-child(2){ display: none; }
.recruit>dt span:first-child{text-align:  left;}
.recruit>dd{padding:4vw 2%; overflow: hidden; border-bottom: #f2f2f2 solid 1px; font-size:0.8rem; cursor: pointer; color: #666;display: -webkit-box;}
.recruit>dd span{ display: block;  -webkit-box-flex: 1;   width: 1%; text-align: center; }
.recruit>dd span:first-child{text-align: left;}
.recruit>dd span:nth-last-child(2){ display: none; }
.recruit>dd a{ color: #999;}
.NavContent{ background: #f2f2f2; padding: 1vw 6vw 5vw 6vw; display: none; }
.NavContent_top{ width: 100%; overflow: hidden; }
.NavContent_top>div{ width: 100%; float: left; margin-top: 4vw; }
.NavContent_top>div>b{ padding-bottom: 3vw; display: block; font-size: 0.85rem; }
.NavContent_top>div>p{ font-size: 0.75rem; color: #666; line-height: 1.5rem; }
.NavContent_bottom{ border-top: #e4e4e4 solid 1px; padding-top: 4vw; margin-top: 4vw; line-height: 2rem;}
.recruit_db{ width:95vw; margin:4vw auto 8vw auto; overflow: hidden; text-align:center; font-size: .7rem; color: #666;}

.contact{width:95%; margin:4vw auto 8vw auto; overflow: hidden; }
.contact_left{ width: 100%; float: left; overflow: hidden; padding-bottom: 6vw;}
.contact_left dl{ border-bottom: dashed 1px #dedede; padding-bottom:4vw;}
.contact_left dl dt{ font-size: 1rem; color: #333; padding-bottom: 2vw; padding-top: 4vw;}
.contact_left dl dd{ font-size: 0.8rem; color: #989898; line-height: 1.6rem;}
.contact_left dl dd img{ margin-right: 8px; }
.contact_ewm{ padding-top:4vw; text-align: center; width: 125px; color: #989898; font-size: 0.75vw;}
.contact_ewm img{  display: block; }
.contact_dt{width: 100%; float: right; height: 80vw;}
.contact_dt *{box-sizing:content-box;}


.message{ width:100%; padding:8vw 2.5%; background: #f9f9f9;}
.message>h3{ width: 100%; text-align:center; font-size: 1.5rem; padding-bottom: 2vw; color: #333; }
.message_p{ color: #999; font-size: 0.75rem; text-align: center; display: block; padding-bottom: 4vw;}
.message>ul{ width: 100%; }
.message>ul li{ float: left; width: 49%; border:#e9e9e9 1px solid; background: #fff; padding: 2vw; margin-bottom: 2%; color: #666; font-size: 0.85rem;}
.message>ul li:nth-child(2n){ float: right; }
.message>ul li input{ border: 0px; text-indent: 2vw; color: #666; width: 30vw;float: left;}
.message>ul li span{ padding:0 3vw 0 0vw; color: #333;border-right: 1px solid #e9e9e9;float: left;}
.message>ul li select{ border: 0px; text-indent: 2vw; color: #666; width: 30vw;float: left;}

.message_textarea{clear: both; width: 100%; border:#e9e9e9 1px solid; background: #fff; padding: 2vw; margin-bottom: 2%; color: #666; font-size: 0.85rem; overflow: hidden;}
.message_textarea span{ padding:0 3vw 0 0vw; color: #333; border-right: 1px solid #e9e9e9; float: left;}
.message_textarea textarea{ float: left; width: 88%; border:0; padding: 0px; padding-left: 1vw; }

.message_button{ width: 30%; background: #363636;height: 8vw; margin:6vw auto 0 auto; font-size: 0.85rem; }
.message_button button{ width: 100%; background: #363636;height: 100%; border:0; color: #fff; cursor: pointer; font-size: 0.85rem; }